import { BrowserRouter as Router } from 'react-router-dom'
import React from 'react'
import { links, routes } from './routes'
import Footer from './components/Footer'
// import style from './styles/App.scss'
// box-shadow: 0 2px 6px rgba(0,0,0,.2);
function App() {
  return (
    <div className="app">
      <Router>
        <div className="nav">
          <div>
            <div>
              <img
                src="https://dig.chouti.com/images/logo-c30a1a3941.png"
                alt=""
              />
              <img
                src="https://dig.chouti.com/images/logo_txt-06bb1545d4.png"
                alt=""
              />
            </div>
            {links}
            <div className="right">
              <a href="/not" className="btn1 right login-btn" id="login_btn">
                登录
              </a>
              <a href="/not" className="btn right publish-btn">
                <img
                  className="publish-icon"
                  src="https://dig.chouti.com/images/publish-8b6a56e521.png"
                  alt="1"
                />
              </a>
              <div className="search right">
                <input className="search-input" placeholder="搜索" />
                <span className="search-icon"></span>
              </div>
            </div>
          </div>
        </div>
        <div className="content">{routes}</div>
        <Footer />
      </Router>
    </div>
  )
}

export default App
